<template>
    <view>
    <view class="long-data">
        <view class="flex plr-36 ptb-25 bb">
            <view>{{$root.m0}}</view>
            <view  class="green" >{{$root.m1}}</view>
        </view>
    </view>
    <view class="long-" :style="'display:'+[isShow?'block':'none']">
        <picker-view bindchange="__e"  :indicatorStyle="itemHeight" v-model="dateValues">
            <picker-view-column>
                <view class="long-datetime-item" v-for="(item,index) in dateObj.dates" :key="index">{{item}}</view>
            </picker-view-column>
            <picker-view-column>
                <view class="long-datetime-item" v-for="(item,index) in dateObj.hours" :key="index">{{item+$root.m2}}</view>
            </picker-view-column>
            <picker-view-column>
                <view class="long-datetime-item" v-for="(item,index) in dateObj.minutes" :key="index">{{item+$root.m3+''}}</view>
            </picker-view-column>
        </picker-view>
    </view>
</view>

</template>

<script>
	export default {
		data() {
      
    },
		onLoad() {

		},
		onShow() {

		},

		methods: {

		}
	}
</script>

<style scoped lang="scss">
.long-data {
    background: #fff
}

.long-data-check {
    background: #e54d42;
    border-radius: 0upx;
    border-radius: 20upx;
    color: #fff;
    font-size: 20upx;
    height: 40upx;
    left: 0;
    line-height: 45upx;
    padding: 0 20upx;
    position: absolute;
    text-align: center;
    top: 18upx;
    width: 100%
}

.long-data-check-triangle {
    border-bottom: 12upx solid transparent;
    border-left: 10upx solid #e54d42;
    border-top: 12upx solid transparent;
    height: 0;
    position: absolute;
    right: 223upx;
    top: 26upx;
    width: 0
}

.long-data-fl {
    float: left
}

.long-data-fr {
    float: right
}

.long-data-changeTime {
    color: #888;
    font-size: 25upx;
    padding: 0upx 20upx;
    position: relative;
    text-align: right
}

.long-data-changeTimeIcon {
    color: #888
}

.long-data-picker {
    background: #fff;
    height: 250upx;
    overflow: hidden;
    transition: height .3s;
    width: 100%
}

.long-datetime-item {
    font-size: 30upx;
    height: 88upx;
    line-height: 88upx;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.long-data-picker picker-view {
    height: 100%
}
</style>